import Vue from 'vue';
// 添加 拖拽事件
const drag = Vue.directive('drag', {
    bind: function (el) { },
    inserted: function (el) {
        // 鼠标按下执行的事件
        el.firstChild.firstChild.onmousedown = function (e) {
            var disx = e.pageX - el.offsetLeft;
            var disy = e.pageY - el.offsetTop;
            document.onmousemove = function (e) {
                el.style.left = e.pageX - disx + 'px';
                el.style.top = e.pageY - disy + 'px';
            };
            // 鼠标抬起执行的事件
            document.onmouseup = function () {
                document.onmousemove = document.onmouseup = null;
            };
            return false
        };
    },
    updated: function (el) { },
})


// // 添加 表格高度固定样式
// const tabscroll = Vue.directive('tabscroll', {
//     bind: function (el) { },
//     inserted: function (el) {
//         // 鼠标按下执行的事件
//         console.log('el', el);
//         debugger
//         el.classList.add("tabscrollBody");
//     },
//     updated: function (el) { },
// })

// 防止 点击事件 重复提交问题

const preventReClick = Vue.directive('preventReClick', {
    inserted: function (el, binding) {
        // console.log('preventReClick_el', el.disabled);
        el.addEventListener('click', () => {
            if (!el.disabled) {
                el.disabled = true;
                setTimeout(() => {
                    el.disabled = false;
                }, binding.value || 2000)
                // binding.value 可以自行设置 如果设置了值 则 跟着设置的值走 
                // 例如： v-preventReClick ="500"
            }
        })
    }
})

export { drag, preventReClick };
